<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>更新供应商</title>
  <!--    <link rel="stylesheet" href="css/main.css">-->
  <link th:href="@{ /css/bootstrap-4.6.2-dist/css/bootstrap.min.css}" rel="stylesheet">
  <!--    <link rel="stylesheet" href="../static/css/bootstrap-4.6.2-dist/css/bootstrap.min.css">-->
</head>
<body>
<div class="container">
  <div class="row text-center bg-dark text-light">
    <div class="col-2">
      <img src="/img/market.jpg" alt="Market Image" width="100%">
    </div>
    <div class="col-7">
      <h2>欢迎使用超市管理系统</h2>
    </div>
    <div class="col-2 user-info">
      <span>当前用户:</span>
      <span th:text="${username}"></span>
      <span><a href="/logout">退出</a></span>
    </div>
  </div>
  <div class="row" style="min-height: 400px;">
    <div class="col-2 bg-dark text-light">
      <li>
        <a href="/main"> 管理系统首页</a>
      </li>
      <li>
        <a href="/api/goods"> 商品首页</a>
      </li>
      <li>
        <a href="/suppliers/suppliersList"> 管理供应商模块</a>
      </li>
      <li>
        <a href="/inventory/inventoryList"> 管理库存模块</a>
      </li>
    </div>

    <!--        <div class="col-10">-->
    <!--            <p>目前现有商品列表</p >-->
    <!--            <p th:text="${data}"></p >-->
    <!--            <table class="table table-bordered">-->
    <!--                <thead>-->
    <!--                <th>序号</th>-->
    <!--                <th>商品名</th>-->
    <!--                <th>价格</th>-->
    <!--                <th>数量</th>-->
    <!--                <th>供应商</th>-->
    <!--                <th>管理</th>-->
    <!--                </thead>-->
    <!--                <tbody>-->
    <!--                <tr th:each="goods:${data}">-->
    <!--                    <td th:text="${goods.id}"></td>-->
    <!--                    <td th:text="${goods.name}"></td>-->
    <!--                    <td th:text="${goods.price}"></td>-->
    <!--                    <td th:text="${goods.quantity}"></td>-->
    <!--                    <td th:text="${goods.supplier}"></td>-->
    <!--                    <td>-->
    <!--                        <button class="btn btn-danger" onclick="del(${goods.id}})">删除</button>-->
    <!--                        <button class="btn btn-success">更新</button>-->
    <!--                    </td>-->
    <!--                </tr>-->
    <!--                </tbody>-->
    <!--            </table>-->
    <!--        </div>-->
    <div class="col-10 pt-2">
      <p>更新该库存记录</p>
      <!--      <form method="post" action="/api/goodsUpdateProcess">-->
      <div class="form-control">
        <label for="">库存序号</label>
        <input type="text" name="id" id="Id" th:value="${data.id}" disabled="disabled">

      </div>
      <div class="form-control">
        <label for="">库存名称</label>
        <input type="text" name="name" id="name" th:value="${data.name}">

      </div>
      <div class="form-control">
        <label for="">库存数量</label>
        <input type="text" name="quantity" id="quantity" th:value="${data.quantity}">

      </div>

      <div class="form-control">
        <button class="btn btn-danger" id="btnUpdate">更新</button>
      </div>
      <!--      </form>-->
    </div>
  </div>
  <div class="row text-center bg-black footer">
    @2023-2025 版权所有，违法必究
  </div>
</div>


<!--<p>这是系统管理首页，欢迎登录</p >-->
<!--<tr th:each="user:${data}">-->
<!--    <td th:text="${user.name}"></td>-->
<!--    <td th:text="${user.password}"></td>-->
<!--</tr>-->
</body>
</html>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $('#btnUpdate').click(function (){
    var flag = confirm("确认提交更新？");
    if (flag==true){
      // console.log("id"+$('#Id').val()+"name"+$('#name').val()+"price"+$('#price').val())
      $.post("/api/inventoryUpdateProcess",{"id":$('#Id').val(),"name":$('#name').val(),"quantity":$('#quantity').val()

      },function (res){
        if(res==1){
          alert("更新ok");
          location.href="/inventory/inventoryList";
        }else{
          alert("更新失败");
        }
      })
    }
  })
</script>












